<template>
    <el-container class="common-layout">
        <el-aside class="setting-sider-layout">
            <el-text class="setting-title">
                通用设置
            </el-text>
            <!-- <el-divider direction="horizontal" class="setting-1-divider" ></el-divider> -->
            <div class="setting-button-list">
                <el-button type="" @click="toSettingAcctountPassword">账户和密码</el-button>
                <el-button type="" @click="toSettingLabelDirectory">标签和目录</el-button>
            </div>
        </el-aside>
        <el-divider direction="vertical" class="setting-2-divider"></el-divider>
        <el-container>
            <el-main class="setting-main-layout">
                <router-view></router-view>
            </el-main>
        </el-container>
    </el-container>
</template>
<script lang="ts" setup>
import router from '@/router';


const toSettingAcctountPassword = () => {
    router.push('SettingAcctountPassword')
}

const toSettingLabelDirectory = () => {
    router.push('SettingLabelDirectory')
}
</script>
<style lang="scss" scoped>
@use './BlogGeneralSetting.scss';
</style>
